<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script src="jquery-3.1.0.min.js"></script>
</head>
<body>
    <p id="p1">hello1</p>
    <button id="btn1">按钮1</button>
    <button id="btn2">按钮2</button>
    <button id="btn3">按钮2</button>
    <script>
        $(document).ready(function(){
            $("#btn1").click(function(){
                $("#p1").hide(1000); //隐藏1000毫秒是隐藏的时间
            })
            $("#btn2").click(function(){
                $("#p1").show(1000); //显示
            })
            $("#btn3").click(function(){
                $("#p1").toggle(1000); // 隐藏/显示
            })
        })
    </script>
</body>
</html>